<!doctype html>
<!-- last update @2025-02-08 -->
<html>
<head>
  <meta charset="UTF-8">
  <meta name="Author" content="setycyas">
  <link rel="stylesheet" href="../bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="../style.css" type="text/css" />
  <script src="../jquery.min.js"></script>
  <script src="../bootstrap.min.js"></script>
  <title>标点转换</title>
  <script>
  /* Custom Script Here*/

  /* Define global variables */

  /* Define methods */
  
  //替换str1的标点
  function _replace(str1){
    var result; // 返回值
    
    result = str1.replace(/,/g, '，'); //替换逗号
    result = result.replace(/!/g, '！'); //替换感叹号
    result = result.replace(/:/g, '：'); //替换冒号
    result = result.replace(/\.{3,}/g, '……'); // 替换省略号
    result = result.replace(/(")([^"]+)(")/g, '“$2”'); //替换冒号   
    result = result.replace(/\./g, '。'); //替换句号
    /*  反替换句号中可能是链接中的点,
     如 www.abc.com,这里的.在前面被换成了句号,需要反替换一次
    */
    result = result.replace(/([a-zA-Z])(。)([a-zA-Z])/g, '$1.$3');
    /* 反替换冒号 */
    result = result.replace(/([a-zA-Z])(：)/g, '$1:')
    
    return result;
  }
  
  // 点击替换按钮
	function clicked(){
		var text = _replace($('#inputText').val());
		$('#outText').val(text);
    return
	}
	
	
  </script>
</head>

<body>
<div class="container">
  <textarea class="form-control" id="inputText" 
    style="height:200px;margin-top:20px;">原文</textarea>

  <textarea class="form-control" id="outText" 
    style="height:200px;margin-top:20px;">替换输出</textarea>
  <br/>
  <button class="btn btn-lg btn-primary" onClick="clicked();">替换</button>
</div>

</body>
</html>
